<template>
  <el-form
    class="s-form"
    :model="form"
    :rules="form.formRule"
    :ref="form.formRef">
    <slot></slot>
  </el-form>
</template>

<script>
  export default {
    props: {
      form: Object,
    },
  };
</script>

<style lang="scss">
  .s-form{
    .s-content{
      width: 100%;
      display: inline-block;
    }
    .el-select{
      width: 100%;
    }
    .el-date-editor{
      width: 100%;
    }
    .el-form-item__content{
      .el-tree{
        display: inline-block;
        width: 100%;
      }
    }
    .el-input-number{
      width: 100%;
    }
    .el-cascader{
      width: 100%;
    }
  }
  @media screen and (max-width: 800px) {
    .s-form {
      .s-content {
        width: auto;
      }
    }
  }
</style>
